<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style>
        body,
        html {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        #app {
            height: 10%;
        }

        .Header_header__tf_mE {
            height: 100%;
        }

        .Header_header-content__jLgRJ {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100%;
        }

        .Header_left-wrapper__Y1XSa {
            margin-right: 20px;
        }

        .Header_search-wrapper__L_D6r {
            flex: 1;
            margin-right: 20px;
        }

        .Header_search-input__ynEB8 {
            width: 100%;
        }

        .Header_right-wrapper__HH2Bk {
            display: flex;
            align-items: center;
        }

        /* Adjust other styles as needed */
    </style>
</head>

<body>
    <div id="app">
        <el-header class="Header_header__tf_mE">
            <div class="Header_header-content__jLgRJ">
                <div class="Header_left-wrapper__Y1XSa">
                    <el-link href="/qianfandev">
                        <img class="Header_logo__cGKWl" src="https://bce.bdstatic.com/wenxin-community/images/home/logo.png" alt="logo">
                    </el-link>
                </div>
                <div class="Header_search-wrapper__L_D6r">
                    <el-input placeholder="在社区内搜索" class="Header_search-input__ynEB8"></el-input>
                </div>
                <div class="Header_right-wrapper__HH2Bk">
                    <!-- ... 其他内容 ... -->
                    <el-link href="https://cloud.baidu.com/?from=shequ" target="_blank">
                        <span>返回智能云</span>
                    </el-link>
                    <!-- ... 其他内容 ... -->
                    <el-button type="primary" class="Header_login-publish-btn__6okPA">
                        <img src="https://bce.bdstatic.com/wenxin-community/images/search/edit_222.png" class="Header_login-create-icon__yx88_" alt="topic-create">发布话题
                    </el-button>
                    <el-dropdown trigger="click">
                        <span class="Header_login-status__dhU31">
                            <el-button class="Header_logion-button__AkD_y">登录/注册</el-button>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <!-- ... 其他内容 ... -->
                            <el-dropdown-item>
                                <a href="/qianfandev/user">
                                    <img src="" alt="用户头像" class="Header_info-avatar__yqmg5">
                                    <span class="Header_info-display-name__s4RTb"></span>
                                    <span class="Header_link-text__nRVPI">个人中心</span>
                                </a>
                            </el-dropdown-item>
                            <!-- ... 其他内容 ... -->
                        </el-dropdown-menu>
                    </el-dropdown>
                </div>
            </div>
        </el-header>
    </div>

    <!-- import Vue before Element -->
    <script src="./js/vue.js"></script>
    <!-- import Element UI -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- import JavaScript -->
    <script src="./js/index.js"></script>
    <script>
        new Vue({
            el: '#app'
        })
    </script>
</body>

</html>
